<section class="container-fluid" ng-init="isEdit=false">
        <div class="row ">
          <div class="col-md-12 row-padded"  ng-click="selectContract($event, -1) ">
            <div class="list-outer-wrap">
              <div class="tran_man_list_wrap">
                <div class="row">
                  <!-- coach listing -->
                  <div class="col-md-4" ng-repeat="contract in contracts | filter:query | orderBy:contract.coach.name" ng-click="selectContract($event, contract.id);isEdit=!isEdit"  ng-class=" selectedContract.id == contract.id ? 'each_tran_man cur' : 'each_tran_man' ">
                    <dl><dt><img class="img-circle" ng-src="{{contract.coach.avatar}}" alt="profileimg"></dt>
                        <dd><h1>{{contract.coach.name}}</h1>
                            <p><span>授课时长：</span>{{contract.coach.teachHistory}}小时</p>
                            <p><span>教练电话：</span>{{contract.coach.mobile}}</p>
                        </dd>
                        <span ng-class="contract.status==1?'not-bound':''" ng-bind="contract.status==1?'未绑定':''"></span>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
          </div>
	  </div>
	  
      <div class="row">
          <div class="col-md-3 side_form" ng-class="!utils.isUndefinedOrNull(selectedContract)==true?'show':''">
            <div class="header">
	      		<h2>教练信息</h2>
	      	</div>  
            <div class="content">
              <div class="position_rela">
                 <table class="tran_table">
                    <tr>
                      <th style="text-align:right">名字：</th> <td>{{selectedContract.coach.name}} </td>
                    </tr>
                    <tr>
                      <th style="text-align:right">性别：</th> <td> {{selectedContract.coach.gender==1?'男':selectedContract.coach.gender==2?'女':'保密'}} </td>
                    </tr>
                    <tr>
                      <th>联系电话：</th> <td> {{selectedContract.coach.mobile}} </td>
                    </tr>
                    <tr>
                      <th>授课时长：</th> <td> {{selectedContract.coach.teachHistory}}小时</td>
                    </tr>
                    <tr>
                        <th colspan="2">教练图片：</th>
                    </tr>
                    <tr>
                      <td class="prewrap" colspan="2">
                        <div class="thumbnail" ng-repeat="coachimg in selectedContract.coach.images">
                          <img ng-src="{{coachimg.url}}"  alt="">
                        </div>
                      </td>
                    </tr>
                    <tr>
                        <th colspan="2">获取证书：</th>
                    </tr>
                    <tr>
                      <td class="prewrap" colspan="2">
                        <div class="thumbnail" ng-repeat="certimg in selectedContract.coach.certificates">
                          <img ng-src="{{certimg.url}}" alt="">
                        </div>
                      </td>
                    </tr>
                  </table>
                  <div class="fixed_bottom_btn operate">
                    <button class="btn btn-default" ng-click="isEdit=!isEdit;selectedContract=null;setParclose(false);">取消</button>
                    <button class="btn btn-default" ng-click="page.useDelConfirm = true;" ng-show="selectedContract.status==2">删除教练</button>
                    <button class="btn btn-danger" ng-click="bindCoach();" ng-show="selectedContract.status==1">接受绑定</button>
                  </div>
              </div>
              
            </div>
          </div>
       </div>
       
       <div ng-show="page.useDelConfirm" delete-confirm
	      	   opt_confirm="unbindCoach();" 
	      	   opt_cancel="unDeleteForm();">
	      	   <p>您确定要删除<span>{{selectedContract.name}}</span>教练吗？</p>
	   </div>
</section>
